﻿<%@page import="beans.LoginUser"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<meta charset="utf-8">
		<title>首页</title>
		
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<link href="css/bootstrap.min.css" rel="stylesheet">
		
		<!--[if lt IE 9]>
			<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
		<link href="css/main1.css" rel="stylesheet">
		<style type="text/css">
		.tabcontainer {
    		padding: 0px 15px 0;
    		margin-left: 120px;
		}
		</style>
	</head>
	<body>
<!-- Wrap all page content here -->
<div id="wrap">
  
  <!-- Fixed navbar -->
  <!-- 导航栏 开始-->
<jsp:include page="navbar.jsp" ></jsp:include>
   <!-- 导航栏 结束-->
  <!-- Begin page content -->
  <div class="container">
    <div class="page-header">
      <h1>Web应用开发技术-JSP 课堂项目</h1>
    </div>
    </div>
     <!--tabs-->
              <div class="tabcontainer">
                <div class="col-md-11">
                <ul class="nav nav-tabs" id="myTab">
                  <li class="active"><a href="#profile" data-toggle="tab">项目简介</a></li>
                  <li><a href="#messages" data-toggle="tab">准备工作</a></li>
                  <li><a href="#settings" data-toggle="tab">代码说明</a></li>
                </ul>
                
                <div class="tab-content" style="margin-top: 20px;">
                  <div class="tab-pane active" id="profile">
                  	<p>本项目是本学期《Web应用开发技术-JSP》课程的课堂演示项目，包含了各个章节的程序代码，但是代码并未按章节分包，主要按代码的功能进行分包管理。</p>
                  	<p>项目中相对完整的例子是用户<a href="register.html">注册</a>、用户<a href="login.html">登录</a>、修改账户信息(限于登录后操作)、查看用户列表（限于管理员用户），这些功能可通过页面上的超链接访问并操作。
                  	<p>其他一些演示型的例子请自行查看源码单独访问并查看运行结果。</p>
                  	<p>项目中大部分代码（Java代码）都有详细的注释，也提供了项目API说明文档。</p>
                  	<p>本项目中使用的是MySQL数据库，并在项目采用了连接池技术。对于连接数据库的各项信息的修改以及数据库的初始化请见<a href="#messages" data-toggle="tab">准备工作</a>部分。</p>
                    </div>
                  <div class="tab-pane" id="messages">
                    <p><span class="glyphicon glyphicon-chevron-right"></span>本项目使用的MYSQL数据库，JDBC驱动、DBCP连接池以及DBUtils框架的第三方包已放在WEB-INF/lib目录下。</p>
                  	<p>项目中使用了三种获取数据库连接的方法：基本连接方法、使用Tomcat连接池以及使用DBCP连接池。</p>
                  	<p>基本连接方法的连接数据库信息在src目录下的db.properties文件中；使用Tomcat连接池则需要修改META-INF目录下的context.xml文件中的配置；DBCP连接池的配置文件为src目录下的dbcpconfig.properties文件。</p>
                  	<p>请根据自己的数据库以及相关设置自行修改上述配置文件中的数据库连接信息。</p>
                  	<p>本项目中使用的数据库名为：jspcourse，目前只有一个数据库表tuser，用于保存用户信息。tuser表中已创建了一个用户，请保留此用户数据。</p>
                  	<p>创建tuser表的SQL语句如下：<a href="sql/tuser.sql">下载</a></p>
                  	<code>
                  	SET FOREIGN_KEY_CHECKS=0;<br>

-- ----------------------------<br>
-- Table structure for tuser<br>
-- ----------------------------<br>
DROP TABLE IF EXISTS `tuser`;<br>
CREATE TABLE `tuser` (<br>
  `id` int(10) NOT NULL AUTO_INCREMENT,<br>
  `userName` varchar(50) NOT NULL,<br>
  `pwd` varchar(100) NOT NULL,<br>
  `realName` varchar(50) DEFAULT NULL,<br>
  `email` varchar(100) DEFAULT NULL,<br>
  `address` varchar(255) DEFAULT NULL,<br>
  `cellphone` varchar(50) DEFAULT NULL,<br>
  `headPhoto` varchar(255) DEFAULT NULL,<br>
  PRIMARY KEY (`id`),<br>
  UNIQUE KEY `userName_index` (`userName`)<br>
) ENGINE=InnoDB AUTO_INCREMENT=11 DEFAULT CHARSET=utf8;<br>

-- ----------------------------<br>
-- Records of tuser<br>
-- ----------------------------<br>
INSERT INTO `tuser` VALUES ('1', 'admin', 'admin', '管理员', 'admin@cuit.edu.cn', '四川省成都市双流航空港成都信息工程大学', '13890982832', '');
                  	</code>
                  </div>
                  <div class="tab-pane" id="settings">
                    <p>暂无，请详细查看项目中的源码。</p>
                  </div>
                </div>
              	</div>
              </div>  
               
              <!--/tabs-->
    
  </div>

	<!-- script references -->
		<script type='text/javascript' src="js/jquery-1.9.1.min.js"></script>
        <script type='text/javascript' src="js/bootstrap.min.js"></script>
	</body>
</html>